<ion-card button="true">
    <ion-item lines="none" detail="true">
        <div style="width: 100%">
            <div class="flex-hor-st-cnt">
                <!--<ion-thumbnail slot="start">
                    <img [src]="imageUrl || '/assets/img/icondoctor.png'">
                </ion-thumbnail>-->
                <ion-img [src]="imageUrl || '/assets/img/icondoctor.png'" style="width: 10vh; height: 10vh;"></ion-img>
                <div style="display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; width: 100%; margin-left: 2vh">
                    <ion-text color="dark">
                        <h6 style="font-size: 18px">{{nameLabel || 'NotSet' | translate}}</h6>
                    </ion-text>

                    <ion-text color="care" class="flex-hor-sb-cnt" style="width: 100%; padding-right: 2vh">
                        <div style="font-size: 16px">{{['NotSet' | translate, 'DirecAppoint' | translate, 'IndirecAppoint' | translate][orderType]}}</div>
                        <div style="font-size: 16px" *ngIf="orderType === 1">
                            {{timeList[hasOrder] | translate}}
                        </div>
                        <div style="font-size: 16px" *ngIf="orderType === 2">
                            {{'Contact' | translate}}
                        </div>
                    </ion-text>

                    <div class="flex-hor-st-cnt">
                        <ion-icon [name]="iconLabel" color="medium" slot="start"></ion-icon>
                        <ion-text color="medium" style="margin-left: 1vh">
                            <h6 style="font-size: 12px">{{addressLabel}}</h6>
                        </ion-text>
                        <ion-text color="medium" style="margin-left: 1vh">
                            <h6 style="font-size: 12px">{{department | translate}}</h6>
                        </ion-text>
                    </div>
                </div>
            </div>

            <div style="border-top: 1px solid #d7d9e1; width: 100%; padding: 2vh 1vh">
                <ion-text color="primary">
                    <div style="font-size: 16px" *ngIf="hasOrder > 0 && orderType === 1">
                        {{startDate}} - {{endDate.split(' ')[1]}} ({{weekArray[showWeek] | translate}})
                    </div>
                </ion-text>
            </div>
        </div>
    </ion-item>
</ion-card>
